<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<script type="text/javascript" src="<s:url value="/js/staff.js"/>"></script>

<s:form id="formEdit" cssClass="tableEdit">
    <tr>
        <th colspan="4" class="tableTitle">
            <h5>BMS Staff</h5>
        </th>
    </tr>

    <s:hidden name="id" value="%{staff.id}"/>
    <s:textfield label="ECLIPSE Number" name="eclipseId" value="%{staff.eclipseId}"/>
    <s:textfield label="BMS ID" name="bmsId" value="%{staff.bmsId}"/>
    <s:textfield label="Name" name="name" value="%{staff.name}"/>
    <s:textfield label="Surname" name="surname" value="%{staff.surname}"/>
    <s:select label="Role" name="staff.role.id" id="role"
              headerKey="" headerValue="Choose a Role"
              list="roles"
              listKey="id"
              listValue="descripcion"
              value="%{staff.role.id}"
              cssClass="required">
    </s:select>
    <s:textfield label="Email" name="email" value="%{staff.email}"/>

    <tr><div id="div_">Country Code + Area Code + Local Number</div></tr>
    <tr>
        <td><label>Phone:   </label><img class="imgInfo" src="<s:url value="/images/info.png"/>"/></td>
        <td><s:textfield theme="simple" name="phone" value="%{staff.phone}" /></td>
    </tr>

    <tr>
        <td><label>Mobile Phone:   </label><img class="imgInfo" src="<s:url value="/images/info.png"/>"/></td>
        <td><s:textfield theme="simple" name="mobilePhone" value="%{staff.mobilePhone}" /></td>
    </tr>

    <tr>
        <td colspan="2" class="centeredButtons"><s:submit value="Save" id="save" action="save" onclick="validate();" theme="simple"/></td>
    </tr>

</s:form>

<script type="text/javascript">
    $('#bmsStaff').css({"color":"#EE5102","fontWeight":"bold"});
</script>
